<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="INDEX,FOLLOW" />
<meta http-equiv="Content-Language" content="vi" />
<meta name="description" content="Photo - Hot girls Bikini" />
<meta name="keywords" content="Photo , ảnh, hot girls, miss" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/lh-base.css" />-->
<link rel="stylesheet" type="text/css" media="screen" href="css/9pmStyle.css" />
<!--<link rel="stylesheet" type="text/css" media="screen" href="css/photoStyleResponsive.css" />-->
<!--using alert , modal , dropdown , tooltip-->

</head>
<body>
<!--Start: Header-->
<div class="topMenu1 newHdrWrap" style="background-color:transparent">
	<!--<div class="sm-mn group">
		<div class="site-wrap2">
			<div id="navbar" class="navbar navbar-static">
				<div class="navbar-inner">
					<div class="container">
						<ul class="nav" role="navigation">
							<li> <a href="#"><i class="icon-home"></i></a></li>
							<li> <a href="#" role="button"><i class="icon-facebook"></i></a></li>
							<li> <a href="#" role="button"><i class="icon-google-plus"></i></a></li>
							<li class="dropdown list-care"> <a href="#" id="drop1" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-reorder"></i> <b class="caret"></b></a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
									<li class="care-col first-col" role="presentation">
										<ul class="clearfix">
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm1"></i>Xem phim</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm2"></i>Nhậu nhẹt</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm3"></i>Bar & Pub</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm4"></i>Mua sắm</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm5"></i>Cà phê</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm6"></i>Nhà hàng</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm7"></i>Karaoke</a></li>
										</ul>
									</li>
									<li class="care-col second-col" role="presentation">
										<ul class="clearfix">
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm8"></i>Sự kiện</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm9"></i>Khai trương</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm10"></i>Người nổi tiếng</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm11"></i>Làm đẹp</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm12"></i>Ăn ngon</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm13"></i>Giải trí</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm14"></i>Khuyến mãi</a></li>
										</ul>
									</li>
									<li class="care-col third-col" role="presentation">
										<ul class="clearfix">
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm15"></i>Âm nhạc</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm16"></i>Thể thao</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm17"></i>Lãng mạn</a></li>
											<li role="presentation"><a class="disabled" role="menuitem" tabindex="-1" href="#"><i class="type-sm18"></i>Thời trang</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm19"></i>Hài hước</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm20"></i>Ảnh đẹp</a></li>
											<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="type-sm21"></i>Trò chơi</a></li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<ul class="nav pull-right">
							<li class="dropdown nav-noti"><a href="#" id="drop2" role="button" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-ellipsis-horizontal"></i><span class="da-button-count notify-count">1</span></a>
								<ul class="dropdown-menu drop-noti" role="menu" aria-labelledby="drop2">
									<li>
										<h5>Thông báo</h5>
									</li>
									<li class="dropdown-item-wrap">
										<ul>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-user"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời kết bạn<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-globe"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời vào nhóm<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#" class="no-thumb-img"> <span class="details"> <strong><span><i class="icon-table"></i></span></strong> Bạn có <span style="color:#F00">1</span> lời mời tham gia sự kiện<span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>John Doe</strong> commented on your photo <span class="time">13 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>Jane Roe</strong> commented on your photo <span class="time">27 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>Billy John</strong> commented on your photo <span class="time">43 minutes ago</span> </span> </a> </li>
											<li> <a href="#"> <span class="thumbnail"><img src="http://placekitten.com/45/45" alt=""></span> <span class="details"> <strong>John Doe</strong> commented on your photo <span class="time">13 minutes ago</span> </span> </a> </li>
										</ul>
									</li>
									<li><a class="footer-noti" href="#">Xem thêm</a></li>
								</ul>
							</li>
							<li><a href="#" role="button"><img src="http://placekitten.com/25/25">&nbsp;&nbsp;Quang Tran Minh</a></li>
							<li id="fat-menu" class="dropdown"> <a href="#" id="drop3" role="button" class="dropdown-toggle" data-toggle="dropdown"><b class="caret"></b></a>
								<ul class="dropdown-menu" role="menu" aria-labelledby="drop3">
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-file-text"></i> Hồ sơ cá nhân</a></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-check"></i> Thêm sở thích</a></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-cog"></i> Cài đặt</a></li>
									<li role="presentation" class="divider"></li>
									<li role="presentation"><a role="menuitem" tabindex="-1" href="#"><i class="icon-signout"></i> Đăng xuất</a></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>-->
</div>
<!--End: Header-->
<div id="navbar1" class="navbar1 clearfix">
	<div class="site-wrap2 clearfix medium">
		<div class="logoPhoto bigger pull-left"><a href="#"></a></div>
	</div>
	<div class="notice-user-box notice-top">
		<div class="site-wrap1">
			<div class="box-ctn-l pull-left">
				<h3>Xin chào! <span>Quang Tran Minh</span></h3>
				<p>Chào mừng bạn đã đến với  9PM. Xin mời bạn hãy chọn những lĩnh vực mà bạn muốn quan tâm <i>(Tối thiểu 5 lĩnh vực)</i></p>
			</div>
			<div class="box-btn-r pull-right">
				<a href="#"><span class="btn-next">Lưu lại</span></a>
			</div>
		</div>
	</div>
</div>
<div class="site-wrap2 clearfix" style="padding-bottom:100px">
<!-- ***** .Alert ***** -->
<div class="alert alert-success text-center">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	Well done! You successfully read this important alert message. </div>
<!--<div class="alert alert-error text-center">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	Well done! You successfully read this important alert message. </div>
<div class="alert alert-info text-center">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	Well done! You successfully read this important alert message. </div>--> 
<!-- ***** end .Alert ***** -->
<div class="clearfix"> 
	<div class="box-type-care">
		<ul class="list-type-care clearfix">
			<li>
				<div class="type-care type-sm1">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Xem phim</div>
							<i class="icon-type-sm type-sm1"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm2">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-star un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Sự kiện</div>
							<i class="icon-type-sm type-sm2"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm3">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-star-empty un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Âm nhạc</div>
							<i class="icon-type-sm type-sm3"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm4">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-sun un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Nhậu nhẹt</div>
							<i class="icon-type-sm type-sm4"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm5">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-asterisk un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Khai trương</div>
							<i class="icon-type-sm type-sm5"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm6">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-bolt un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Thể thao</div>
							<i class="icon-type-sm type-sm6"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm7">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-location-arrow un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Bar & Pub</div>
							<i class="icon-type-sm type-sm7"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm8">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-moon un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Lãng mạn</div>
							<i class="icon-type-sm type-sm8"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm9">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-rocket un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Người nổi tiếng</div>
							<i class="icon-type-sm type-sm9"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm10">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Mua sắm</div>
							<i class="icon-type-sm type-sm10"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm11">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Làm đẹp</div>
							<i class="icon-type-sm type-sm11"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm12">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Thời trang</div>
							<i class="icon-type-sm type-sm12"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm13">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Cà phê</div>
							<i class="icon-type-sm type-sm13"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm14">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Giải trí</div>
							<i class="icon-type-sm type-sm14"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm15">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Hài hước</div>
							<i class="icon-type-sm type-sm15"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm16">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Nhà hàng</div>
							<i class="icon-type-sm type-sm16"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm17">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Ăn ngon</div>
							<i class="icon-type-sm type-sm17"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm18">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Ảnh đẹp</div>
							<i class="icon-type-sm type-sm18"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm19">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Karaoke</div>
							<i class="icon-type-sm type-sm19"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm20">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Khuyến mãi</div>
							<i class="icon-type-sm type-sm20"></i>
						</div>
					</a>
				</div>
			</li>
			<li>
				<div class="type-care type-sm21">
					<a href="javascript:void(0)" class="animated-button red pulse">
						<div class="icon"><i class="icon-heart un-check"></i><i class="icon-ok check"></i></div>
						<div class="content">
							<div class="title">Trò chơi</div>
							<i class="icon-type-sm type-sm21"></i>
						</div>
					</a>
				</div>
			</li>
		</ul>
	</div>
</div>

<!--site conntainer--> 

<!-- js files --> 

<!--using alert , modal , dropdown , tooltip--> 
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script> 
<script src="js/jquery.easing.1.3.js"></script> 
<script src="js/bootstrap-transition.js"></script> 
<script src="js/bootstrap-alert.js"></script> 
<script src="js/bootstrap-modal.js"></script> 
<script src="js/bootstrap-dropdown.js"></script> 
<script src="js/bootstrap-scrollspy.js"></script> 
<script src="js/bootstrap-tab.js"></script> 
<script src="js/bootstrap-tooltip.js"></script> 
<script src="js/bootstrap-popover.js"></script> 
<script src="js/bootstrapx-clickover.js"></script> 
<!--<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> -->
<script src="js/jquery.masonry.min.js" type="text/javascript" charset="utf-8"></script> 
<!--<script src="js/bootstrap-tooltip.js"></script> 
<script src="js/bootstrap-popover.js"></script> 
<script src="js/bootstrapx-clickover.js"></script> --> 
<script src="js/9pm.js" type="text/javascript" charset="utf-8"></script> 
<script>
$(function ()
{ $('[rel="clickover"]').clickover();
});
</script>
<script type="text/javascript">
$( '.type-care' ).click(function(event) {
		$(this).toggleClass("actived");
  });
</script> 

<!--/ js files -->
</body>
</html>